<!DOCTYPE html>
<html>
<head>
    <title>字段表</title>
    <#include "/header.html">
</head>
<body>
<div class="layui-card lc-admin">
    <div class="layui-card-header lc-header-admin">
        <i class="fa fa-dropbox"></i> 信息列表
    </div>
    <div class="layui-card-body lc-body-admin">

        <div id="myapp" v-cloak>
            <#include "/excel.html">

            <div v-show="showList">
                <div class="grid-btn">
                    <div class="form-group col-sm-2 lc-query">
                        <input type="text" class="form-control"
                               @keyup.enter="query" placeholder="名称" v-model="params.name">
                    </div>

                    <a class="btn btn-default" @click="query"><i class="fa fa-search"></i>&nbsp;查询</a>
                    <div class="btn-group btn-tools">
                        <#if shiro.hasPermission("AttributeController:save")>
                        <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
                    </#if>
                    <#if shiro.hasPermission("AttributeController:update")>
                    <a class="btn btn-info" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
                </#if>
                <#if shiro.hasPermission("AttributeController:delete")>
                <a class="btn btn-danger" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
            </#if>

            <div class="btn-group" role="group" style="margin-left: 10px;">
                <button type="button" class="btn btn-success dropdown-toggle"
                        data-toggle="dropdown" aria-haspopup="true"
                        aria-expanded="false">
                    <i class="fa fa-navicon"></i>导入/导出 <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" style="min-width:110px;">
                    <#if shiro.hasPermission("AttributeController:importExcel")>
                    <li><a @click="openImportExcel"><i
                            class="glyphicon glyphicon-upload"></i>&nbsp;导入</a></li>
                </#if>
                <#if shiro.hasPermission("AttributeController:exportExcel")>
                <li><a @click="exportExcel"><i
                        class="glyphicon glyphicon-download"></i>&nbsp;导出</a></li>
            </#if>
            </ul>
        </div>

    </div>
</div>
<table id="jqGrid"></table>
<div id="jqGridPager" style="position: absolute; bottom: -39px;"></div>
</div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading"><i class="fa fa-pencil-square-o"></i>{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">属性编码（英文）</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="attribute.code" placeholder="属性编码（英文）"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">显示名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="attribute.name" placeholder="显示名称"/>
                </div>
            </div>
            <template v-if="categoryId == null">
                <div class="form-group">
                    <div class="col-sm-2 control-label">分类id</div>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" v-model="attribute.categoryId" placeholder="分类id"/>
                    </div>
                </div>
            </template>
            <div class="form-group ">
                <div class="col-sm-2 control-label">属性类型</div>
                <div class="col-sm-10">
                    <select name="type" class="form-control "  v-model="attribute.type" >
                        <option v-for="dict in typeDatas" :value="dict.value">{{dict.name}}</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">属性默认值</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="attribute.defaultValue" placeholder="属性默认值"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">排序</div>
                <div class="col-sm-10">
                    <input type="number" class="form-control" v-model="attribute.orderNum" placeholder="排序"/>
                </div>
            </div>
            <div class="form-group ">
                <div class="col-sm-2 control-label">是否列表显示</div>
                <div class="col-sm-10" style="display: flex;flex-wrap: wrap;">
                    <div style="padding: 10px;" v-for="dict in yesNoDatas" >
                        <input type="radio" v-model="attribute.isShow" name="isShow" :value="dict.value">
                        <label v-text="dict.name"></label>
                    </div>
                </div>

            </div>
            <div class="form-group ">
                <div class="col-sm-2 control-label">是否必须</div>
                <div class="col-sm-10" style="display: flex;flex-wrap: wrap;">
                    <div style="padding: 10px;" v-for="dict in yesNoDatas" >
                        <input type="radio" v-model="attribute.isMust" name="isMust" :value="dict.value">
                        <label v-text="dict.name"></label>
                    </div>
                </div>

            </div>

            <div class="form-group">
                <div class="col-sm-2 control-label">帮助信息</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="attribute.help" placeholder="帮助信息"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">备注信息</div>
                <div class="col-sm-10">
                    <textarea type="text" class="form-control" v-model="attribute.remark" placeholder="备注信息"></textarea>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>
</div>
</div>

<script src="${ctx}webjars/static/js/modules/diy/attribute.js?_${.now?long}"></script>
</body>
</html>